<div class="footer-box">
    <div class="container">
        <ul>
            <li>
                <i class="fa fa-home"></i>
                <span>R2 GAMES</span>
            </li>
            <li>
                <i class="fa fa-gamepad"></i>
                <span>GAMES</span>
            </li>
            <li>
                <i class="fa fa-user"></i>
                <span>FAQ</span>
            </li>
            <li>
                <i class="fa fa-cog"></i>
                <span>SUPPORT</span>
            </li>
        </ul>
        <p>Copyright © <{date('Y')}> R2Games, All Rights Reserved.</p>
    </div>
</div>

<style>
    .footer-box { font-size: 12px; position: fixed; bottom: 0; left:0; width:100%; background: rgba(255,255,255,0.4); height:80px; padding-top: 10px; }
    .footer-box p { border-top: 1px dotted #ccc; padding: 10px 0; margin:0; margin-top: 10px; }
    .footer-box ul { margin: 0; padding: 0; }
    .footer-box li { list-style: none; display: inline-block; margin-right: 20px; }
    .footer-box i { font-size: 22px; margin-right: 5px; }
    .footer-box span { font-size: 14px; font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; }
</style>